import React,{ Component } from 'react';
import './index.scss'
import Header from '../common/header'
import Banner from '../containers/indexBanner/indexBanner'
import Footer from '../common/footer'
import IndexContent from '../containers/indexContent'

class Index extends Component {

    render(){
        return (
            <div className='home'>
                <div className='header' style={{ backgroundColor:"#242400",color:"#fff",position:"fixed",zIndex:10,top:"0",width:"100%" }}>
                    <Header />
                </div>
                <div className='indexBanner' style={{ marginTop:"20vh" }}>
                    <Banner />
                </div>
                <div className='indexContent'>
                    <IndexContent />
                </div>
                <div className='indexFooter'>
                    <Footer />
                </div>
            </div>
        )
    }
}

export default Index;


